<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0.5, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="pulgins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="pulgins/jquery-sdpagination.js/dist/sdpagination.min.css">
    <link rel="stylesheet" href="stylesheets/index.css?20180210">
    <script src="pulgins/jquery/jquery-3.1.0.min.js"></script>
    <script src="pulgins/qrcode/qrcode.min.js"></script>
    <script src="pulgins/jqprint/jquery.jqprint-0.3.js"></script>
    <script src="pulgins/jqprint/jquery-migrate-1.2.1.min.js"></script>
    <script src="pulgins/jquery-sdpagination.js/dist/jquery-sdpagination.min.js"></script>
    <script src="pulgins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="javascripts/public.js?20180210"></script>
    <script src="javascripts/duihuan_admin.js?20180210r"></script>
    <title>铭材兑换管理</title>
</head>
<body>
<div id="all_wrap_">
    <div class="content">
        <div class="content_left">
            <img src="images/logo.png" alt="">
            <ul></ul>
        </div>
        <div class="content_right">
            <div class="right-top">
                <b class="glyphicon glyphicon-resize-small"></b>
                <div>
                    <img src="images/logo.png" alt="">
                    <p id="user_name"></p>
                    <b class="glyphicon glyphicon-chevron-down"></b>
                    <div id="exit" title="点击后退出登录" >
                        <span>退出</span>
                        <b  class="glyphicon glyphicon-log-out"></b>
                    </div>
                </div>
            </div>
            <!--主要部分-->
            <div class="supervise">
                <div class="container-fluid">
                    <div class="supervise_header">
                        <div class="row">
                            <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">兑换管理操作</h2>
                            <div class="col-sm-6">
                                <button id="duihuan_add_btn" type="button" class="btn fr btn-default"><span
                                        class="glyphicon glyphicon-plus" aria-hidden="true"></span> 添加
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="supervise-body">
                        <div class="row">
                            <div class="col-xs-10 col-xs-offset-1 ">
                                <div class="table-responsive">
                                    <table style="margin-top: 30px;"
                                           class="table-hover table-striped table table-bordered">
                                    </table>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--loading -->
            <div class="loading">
                <img src="images/loading.gif" alt="">
            </div>
        </div>
        <!--修改-->
        <div class="set_shangpin" id="set_wrap">
            <div class="set_shangpin_main">
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请填写您要修改的内容</h2>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品名称</span>
                                        <input id="set_name" class="form-control input_is" placeholder="请输入兑换商品的名称" type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">所需积分</span>
                                        <input id="set_jifen" class="form-control input_is" placeholder="请输入兑换商品所需积分" type="number">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品原价</span>
                                        <input id="set_yuanjia" class="form-control input_is" placeholder="请输入兑换商品的原价格" type="number">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">兑换排序</span>
                                        <input id="set_index" class="form-control input_is" placeholder="请输入兑换商品的排序号" type="number">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-success">已添加默认图片</p>
                                    <div id="main_img">
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="padding-bottom: 20px;border-bottom: 1px solid #eee">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-success">已添加其他图片！！！</p>
                                    <div id="other_img">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-danger">上传将覆盖原默认图片！！！</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action="" id="form_main" method="post"
                                          enctype="multipart/form-data">
                                        <input id="input_file_main" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img">
                                    </form>
                                    <button id="up_button_main" class="btn-info btn">产品默认图片上传 <span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="img_wrap_main">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <p class="text-danger">上传后添加进其他图片！！！</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action="" id="form" method="post"
                                          enctype="multipart/form-data">
                                        <input id="input_file" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img" multiple>
                                    </form>
                                    <button id="up_button" class="btn-info btn">产品其他图片上传 <span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="img_wrap ">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning cancle_set" data-toggle="modal"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-danger col-xs-offset-2" data-toggle="modal" id="set_add"
                                        data-target="#myModal">修改商品</span>
                                </div>

                            </div>


                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--添加-->
        <div class="set_shangpin"id="add_wrap">
            <div class="set_shangpin_main">
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请填写您要添加内容</h2>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品名称</span>
                                        <input id="add_name" class="form-control input_is" placeholder="请输入兑换商品的名称" type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">所需积分</span>
                                        <input id="add_jifen" class="form-control input_is" placeholder="请输入兑换商品所需积分" type="number">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商品原价</span>
                                        <input id="add_yuanjia" class="form-control input_is" placeholder="请输入兑换商品的原价格" type="number">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">兑换排序</span>
                                        <input id="add_index" class="form-control input_is" placeholder="请输入兑换商品的排序号" type="number">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action="" id="add_form_main" method="post"
                                          enctype="multipart/form-data">
                                        <span>产品默认图片上传</span>
                                        <input id="add_input_file_main" class="file_is" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img">
                                    </form>
                                    <button id="add_up_button_main" class="btn-info btn">产品默认图片上传 <span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="img_wrap_main">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action="" id="add_form" method="post"
                                          enctype="multipart/form-data">
                                        <span>产品其他图片上传</span>
                                        <input id="add_input_file" class="file_is" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img" multiple>
                                    </form>
                                    <button id="add_up_button" class="btn-info btn">产品其他图片上传 <span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="img_wrap ">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning cancle_set" data-toggle="modal"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-danger col-xs-offset-2" data-toggle="modal" id="add_add"
                                        data-target="#myModal">添加商品</span>
                                </div>

                            </div>


                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--二维码-->
        <div id="erweima_wrap">
            <div></div>
            <p></p>
        </div>
    </div>
</div>


<!--提示<&ndash;&gt;-->
<div class="hint">
    <span> 商品名称</span>
</div>
<!--提示确认-->
<div class="modal" id="modal_wrap" aria-labelledby="myModalLabel" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="top: 20%;" role="document">
        <div class="modal-content">
            <div style="font-size: 20px;" class="modal-header">
                <h4 class="modal-title">提示</h4>
            </div>
            <div style="font-size: 20px;" class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" id="modal_close" class="btn btn-default">取消</button>
                <button type="button" class="btn btn-primary" id="confirm">确定</button>
            </div>
        </div>
    </div>
</div>
<!--图片展示-->
<div class="img_show">
    <img src="" alt="">
</div>
</body>
</html>